<include file="public@header"/>
<style type="text/css">
    .pic-list li {
        margin-bottom: 5px;
    }

    .btn-cancel-thumbnail {
        margin-top: 5px;
    }

    #photos, #files {
        margin-bottom: 0;
    }
</style>
<script type="text/html" id="photos-item-tpl">
    <li id="saved-image{id}">
        <input id="photo-{id}" type="hidden" name="photo_urls[]" value="{filepath}">
        <input class="form-control" id="photo-{id}-name" type="text" name="photo_names[]" value="{name}"
               style="width: 200px;" title="图片名称">
        <img id="photo-{id}-preview" src="{url}" style="height:34px;width: 44px;"
             onclick="imagePreviewDialog(this.src);">
        <a class="btn btn-default" href="javascript:uploadOneImage('图片上传','#photo-{id}');"><i class="fa fa-upload fa-fw"></i></a>
        <a class="btn btn-danger" href="javascript:(function(){$('#saved-image{id}').remove();})();"><i class="fa fa-trash fa-fw"></i></a>
        <a class="btn btn-success" href="javascript:(function(){$('#saved-image{id}').before($('#saved-image{id}').next());})();"><i class="fa fa-arrow-down fa-fw"></i></a>
    </li>
</script>
<!-- <script type="text/html" id="files-item-tpl">
    <li id="saved-file{id}">
        <input id="file-{id}" type="hidden" name="file_urls[]" value="{filepath}">
        <input class="form-control" id="file-{id}-name" type="text" name="file_names[]" value="{name}"
               style="width: 200px;" title="文件名称">
        <a class="btn btn-info" id="file-{id}-preview" href="{preview_url}" target="_blank"><i class="fa fa-download fa-fw"></i></a>
        <a class="btn btn-default" href="javascript:uploadOne('文件上传','#file-{id}','file');"><i class="fa fa-upload fa-fw"></i></a>
        <a class="btn btn-danger" href="javascript:(function(){$('#saved-file{id}').remove();})();"><i class="fa fa-trash fa-fw"></i></a>
        <a class="btn btn-success" href="javascript:(function(){$('#saved-file{id}').before($('#saved-file{id}').next());})();"><i class="fa fa-arrow-down fa-fw"></i></a>
    </li>
</script> -->
</head>
<body>
<div class="wrap js-check-wrap">
    <ul class="nav nav-tabs">
        <li><a href="{:url('Culture/index')}">文旅列表</a></li>
        <li class="active"><a href="{:url('Culture/add')}">文旅增加</a></li>
    </ul>
    
    <form action="{:url('Culture/addPost')}" method="post" class="form-horizontal js-ajax-form margin-top-20">
        <div class="row">
                <table class="table table-bordered">
                    <tr>
                        <th width="100">建筑名称<span class="form-required">*</span></th>
                        <td>
                            <input class="form-control" type="text" name="name"
                                   required
                                   placeholder="请输入建筑名称"/>
                        </td>
                    </tr>
                    <tr>
                        <th>介绍管理</th>
                        <td>
                            <script type="text/plain" id="content" name="introduction"></script>
                        </td>
                    </tr>
                    <tr>
                        <th>图片管理</th>
                        <td>
                            <ul id="photos" class="pic-list list-unstyled form-inline"></ul>
                            <a href="javascript:uploadMultiImage('图片上传','#photos','photos-item-tpl');"
                               class="btn btn-default">选择图片</a>
                            <div><small class="text-muted">{:lang('UPLOAD_MULTI_10_IMAGE_FORMAT_500K')}</small></div>
                        </td>
                    </tr>
                    <tr>
                        <th>视频管理</th>
                        <td class="form-inline">
                            <input id="file-video" class="form-control" type="text" name="video"
                                   value="{$video|default=''}" placeholder="请上传视频文件" style="width: 200px;">
                            <notempty name="video">
                                <a id="file-video-preview" href="{:cmf_get_file_download_url($video)}"
                                   target="_blank"><i class="fa fa-play-circle fa-fw"></i></a>
                            </notempty>
                            <a class="btn btn-default" href="javascript:uploadOne('文件上传','#file-video','video');"><i class="fa fa-upload fa-fw"></i></a>
                            <a class="btn btn-danger" href="javascript:(function(){$('#file-video').val('');})();"><i class="fa fa-trash fa-fw"></i></a>
                            <div><small class="text-muted">{:lang('UPLOAD_VIDEO_FORMAT_50M')}</small></div>
                        </td>
                    </tr>
                    </tbody>
                </table>
                <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-10">

                        <button type="submit" class="btn btn-primary js-ajax-submit">{:lang('SAVE')}</button>
                        <a id="cancel-btn" class="btn btn-default" onclick="confirmCancel(event);">{:lang('BACK')}</a>
                    </div>
                </div>

        </div>
    </form>
</div>
<script type="text/javascript">
    $('button.js-ajax-submit').data('msg', '是否保存数据？');
    function confirmCancel(event) {
        var confirmation = confirm("是否保存数据？");
        if (!confirmation) {
            window.location.href = "{:url('Culture/index')}";
        }
        else {
            $('button.js-ajax-submit').click();
        }
    }
</script>
<script type="text/javascript" src="__STATIC__/js/admin.js?v={$_static_version}"></script>
<script type="text/javascript">
    //编辑器路径定义
    var editorURL = GV.WEB_ROOT;
</script>
<script type="text/javascript" src="__STATIC__/js/ueditor/ueditor.config.js"></script>
<script type="text/javascript" src="__STATIC__/js/ueditor/ueditor.all.min.js"></script>
<script type="text/javascript">
    $(function () {

        editorcontent = new baidu.editor.ui.Editor();
        editorcontent.render('content');
        try {
            editorcontent.sync();
        } catch (err) {
        }

        $('#more-template-select').val('page');
    });
</script>
</body>
</html>
